<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="../../css/style.css" media="all">
    <link rel="stylesheet" type="text/css" href="../css/common.css" media="all">
    <link rel="stylesheet" type="text/css" href="../css/007-icons.css" media="all">
</head>
<body>
<div class="wrap2 m10a tsG">
    <div class="p10">
        <h2 class="title">vertical-middle type for icon</h2>
    <span class="description">
        Some Icons vertical-align center. <br>
        With 'a' tag
    </span>
        <a class="icon_" href="#"><i class="icon-u00"></i><span class="text">Test ICON0</span></a>
        <a class="icon_" href="#"><i class="icon-u01"></i><span class="text">Test ICON1</span></a>

        <p class="blank10"></p>
        <a class="icon_" href="#"><i class="icon-u02"></i><span class="text">Test ICON2</span></a>

        <h2 class="title">vertical-middle type for icon</h2>
    <span class="description">
        Some Icons vertical-align center. <br>
        With 'span' tag
    </span>

        <p class="blank10"></p>
        <span class="icon_" href="#"><i class="icon-u00"></i><em class="text">Test ICON2</em></span>

        <h2 class="title">Big Icon</h2>
    <span class="description">
        Some Icons vertical-align center. <br>
        With 'span' tag
    </span>

        <p class="blank10"></p>
        <span class="icon_" href="#"><i class="icon-u03"></i><em class="text">Test ICON3</em></span>
    </div>
</div>
</body>
</html>